@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,figure,iframe{margin:0;padding:0}
body,button,input,select,textarea{font:12px/1.5 \5fae\8f6f\96c5\9ed1,\5b8b\4f53,Arial;color:#4d4d4d}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
small{font-size:12px}
ul,ol{list-style:none}
a:hover{text-decoration: none}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
fieldset,img{border:0}
button,input,select,textarea{font-size:100%; outline:none}
table{border-collapse:collapse;border-spacing:0}
div{margin:0 auto}
a{text-decoration:none; border:0;outline:none}
a:focus {outline: none} 
h1, h2, h3, h4, h5, h6,code{font-family:\5fae\8f6f\96c5\9ed1, \9ed1\4f53, \5b8b\4f53,Arial}
ul, li{list-style: none}
body{background:url(../images/homeBg.png) center repeat-y}
input{outline:none}
img{border:0}
.fl{float:left}
.fr{float:right}
.top10{margin-top:10px}
.top20{margin-top:20px}

/*comonn*/
.head,.nav ul,.homeMap,.footContent,.contactBg,.contact{width:1002px; clear:both; position:relative}
.nav a,.inputBg,.searchBtn,.inf i,.contactForm i,.diningLeft i,.diningLeft code,.emailOder i,.shop i{background:url(../images/meunIcon.png) no-repeat}
.input197,.input160,.input318,.faceBook,.closeReg,.closeLogin,.emailInput,.passeInput,.postalInput,.mobileInput,.input90,.input106{background:url(../images/inputBg.png) no-repeat; vertical-align:middle}

/*header*/
.header{width:100%; background:url(../images/headBg.png) repeat-x; height:147px; position:relative; z-index:10}
.head{height:147px}
.logo{background:url(../images/logo.png) no-repeat;width:191px; height:68px; margin-top:30px}
.logo a{width:191px; height:68px;display:block}
.head h2{background:url(../images/logoTitle.png) no-repeat; width:494px; height:29px; margin:40px 0 0 30px}
.nav{width:560px; height:39px; position:absolute; right:-10px; bottom:12px}
.nav li{float:left}
.nav a{display:inline-block; height:39px}
.nav a.home{background-position:0 0; width:44px}
.nav a.home:hover{background-position:-63px 0}
.nav a.homeHover{background-position:-63px 0; width:44px}

.nav a.qui{background-position:0 -54px; width:156px}
.nav a.qui:hover{background-position:0 -102px}
.nav a.quiHover{background-position:0 -102px;width:156px}

.nav a.kac{background-position:0 -151px; width:199px}
.nav a.kac:hover{background-position:0 -200px}
.nav a.kacHover{background-position:0 -200px;width:199px}

.nav a.nous{background-position:0 -300px; width:154px}
.nav a.nous:hover{background-position:0 -250px}
.nav a.nousHover{background-position:0 -250px; width:154px}


/*search*/
.search{width:241px; height:36px; position:absolute; right:-10px; bottom:60px}
.search li{float:left}
.inputBg{width:208px; height:36px; background-position:0 -364px; border:none; font-size:12px; text-indent:10px;line-height:36px; color:#696969}
.searchBtn{width:33px;height:36px; background-position:-125px 0; cursor:pointer; border:none}
.searchBtn:hover{background-position:-175px 0}

.inf{position:absolute;right:0;top:10px;height:30px; color:#aeaeae}
.inf li{ float:left; margin-left:6px; cursor:pointer; position:relative; height:30px}
.inf i{width:20px;height:19px;display:inline-block;vertical-align:middle}
.inf i.jion{background-position:-160px -39px}
.inf i.login{background-position:-192px -50px}

.loginDl{width:140px;height:60px; background:url(../images/loginHoverBg.png) repeat-x; z-index:30; position:absolute; top:23px; display:none}
.loginDl dd{line-height:26px; text-align:right; padding-right:6px; font-size:14px}
.loginDl dd a{color:#000}
.loginDl dd a:hover{color:#8eab03}

.lauang{ position:absolute; top:10px; left:220px}
.lauang li{float:left; margin:0 4px; font-size:14px; color:#aeaeae}
.lauang li a{ color:#aeaeae}

.marquee{ width:490px; height:20px; overflow:hidden; left:225px; position:absolute; font-size:18px; color:#AEAEAE; top:55px;font-family:Lucida Handwriting}

/*warp*/
.warp{width:100%;overflow:hidden;position:relative}
.height76{height:760px}
.height80{height:800px}
.height100{height:900px}

.homeMap{height:690px; position:relative; top:-14px}

/*contactBg*/
.contactBg{/*background:url(../images/list-resto-bg.png) top no-repeat;*/ min-height:768px; height:auto;position:relative; top:-14px}
.contactDeit{ width:1002px; margin-bottom:40px}
.contact{height:60px; border-bottom:1px solid #666}
.contact ul{padding-left:30px}
.contact li{float:left; font-size:14px; margin:0 4px; line-height:60px}
.contact li a{color:#333}
.contact li a:hover{color:#cbf30b}
.noLine{border-bottom:none; height:40px}
.contactForm,.quiContent,.kacContent,.kachContent,.userForm,.diningContent{width:940px; margin:10px auto; padding:10px 0; min-height:600px; height:auto;font-family:Myriad Pro,Arial, Helvetica, sans-serif;}
.contactForm h3,.userForm h3{font-size:22px; color:#000; font-family:Myriad Pro,Arial, Helvetica, sans-serif}
.contactForm h3{margin-bottom:20px}
.contactForm li{margin-bottom:10px; font-size:14px; height:30px; line-height:30px; color:#000;font-size:14px}
.contactForm p{background-color:#a7ca00; height:50px; text-align:center; font-size:12px; line-height:50px; color:#fff}
.contactForm i{width:24px; height:27px; display:inline-block; margin-right:10px; vertical-align:middle}
.contactForm i.emailIcon{background-position:-184px -74px}
.contactForm i.placeIcon{background-position:-192px -109px}
.contactForm i.phoneIcon{background-position:-184px -249px}
.contactForm dl{margin-top:20px }
.contactForm dt{font-size:22px; font-weight:bold; font-family:Myriad Pro,Arial, Helvetica, sans-serif; margin-bottom:10px}
.contactForm dd,.userForm dd{margin-right:10px;font-size:12px; font-weight:bold; font-family:Tahoma, Geneva, sans-serif;margin-bottom:10px}
.contactForm dd{float:left}
.contactForm sub,.userForm sub{font-size:14px; color:#F00; margin:0 4px; font-weight:bold; vertical-align:middle}
.input197,.input160,.input318,.input90,.input106{height:31px; border:none; font-size:14px; line-height:31px; color:#000; text-indent:4px}
.input197{background-position:0 0; width:197px}
.input160{background-position:0 -40px; width:160px}
.input318{background-position:0 -82px; width:318px}
.input106{background-position:-212px -260px; width:106px}
.input90{background-position:-229px -227px; width:90px}

.textareaBg{background:url(../images/textInputBg2.png) no-repeat; width:876px;height:87px; font-size:13px; color:#333; overflow:hidden; border:none; line-height:20px}
.contactBtn,.enterBtn,a.reserver,a.coupon,.regBtn,.loginBtn,.forgetBtn,.uesrBtn,a.reserver144,a.coupon144,.orderBtn,.preferentialBtn{background:url(../images/button.png) no-repeat;border:none; cursor:pointer; vertical-align:middle}
.contactBtn{height:37px; width:115px}
.enterBtn{height:43px; width:126px;background-position:0 -80px; position:absolute; right:90px}
.enterBtn:hover{background-position:0 -127px}
.contactBtn:hover{background-position:0 -40px}
.forgetBtn{width:295px; height:35px; background-position:-6px -511px}
.forgetBtn:hover{background-position:-6px -551px}
.uesrBtn{width:306px; height:45px; background-position:-8px -593px}
.uesrBtn:hover{background-position:-8px -642px}
a.reserver144,a.coupon144{width:142px; height:44px; display:inline-block; margin:0 10px 5px 0}
a.reserver144{background-position:-178px -96px}
a.reserver144:hover{background-position:-178px -144px}
a.coupon144{background-position:-178px 0}
a.coupon144:hover{background-position:-178px -48px}
.orderBtn{width:255px; height:44px; background-position:-9px -739px}
.orderBtn:hover{background-position:-9px -691px}
.preferentialBtn{width:204px; height:44px; background-position:-136px -270px}
.preferentialBtn:hover{width:204px; height:44px; background-position:-136px -318px}

/*userForm*/
.userForm span{margin:0 20px}
.userColor{color:#999}
.userForm dl{margin-bottom:20px; position:relative}
.country{width:940px; margin:0 auto; min-height:600px; height:auto;font-family:Myriad Pro,Arial, Helvetica, sans-serif;}
.bgColor{background-color:#ff6700!important}

a.reserver,a.coupon{width:126px; height:36px; display:inline-block}
.top30{position: absolute; right:20px;top:30px}
.top80{position: absolute; right:20px;top:80px}
a.reserver{background-position:0 -352px}
a.reserver:hover{background-position:0 -392px}
a.coupon{background-position:0 -269px}
a.coupon:hover{background-position:0 -311px}

/*searchList*/
.searchList{width:930px; height:120px; margin:20px auto; position:relative}
.searchList p{width:250px; height:112px; margin-right:20px}
.searchList dl{width:460px;font-family:Myriad Pro,Arial, Helvetica, sans-serif;}
.searchList dt{font-size:20px;font-weight:bold;color:#000;border-bottom:1px solid #838383; height:30px; line-height:30px; padding-bottom:4px;margin-bottom:5px}
.searchDd{color:#000; font-style:italic}
.searchList dd{font-size:13px; color:#000; line-height:20px}
.red{color:#fb6600; font-weight:bold; background:url(../images/arrow.png) right 6px no-repeat; padding-right:10px}

/*quiContent*/
.quiContent dt,.quiContent dd{font-size:14px; color:#000}

.bottom20{margin-bottom:20px}

.kacContent h4{font-size:20px; color:#000; margin-bottom:10px;font-weight:bold}
.kacContent dt{font-size:14px; color:#000; margin-bottom:20px; font-weight:bold}
.kacContent dd,.kachContent dd{font-size:13px; color:#000}
.bottom10{margin-bottom:10px!important}
.bottom5{margin-bottom:5px}
.left20{padding-left:20px; margin-bottom:0}
.left30{padding-left:20px; margin-bottom:0}
.left40{text-indent:40px!important; margin-bottom:0}
.kachContent dt{font-size:14px; color:#000; margin-bottom:10px}
.kachContent dd{text-indent:20px}

/* dialog */
.dialog-box,.dialogAlert-box{ position: absolute; z-index:1001}
.dialog-popup{}
.dialog-popup .dialog-title-bar{ height:30px;position:relative;}
.dialog-popup .dialog-title-bar h2{ line-height:30px; padding-left:10px; font-size:14px; font-weight:700; color:#fff}
.dialog-popup .dialog-title-bar a.close-dialog{ position:absolute;top:120px; right:23px; text-indent:-9999px; z-index:99999; background:url(../images/close.png) no-repeat; width:14px; height:13px}
.dialog-popup .dialog-title-bar a.close-dialog{text-decoration:none; color:#555555; text-align:center;}
.dialog-popup .dialog-title-bar a.close-dialog:hover{ background:url(../images/closeHover.png)}
.dialog-popup .dialog-content{ padding:0}
.dialog-iframe-mask{position:absolute; left:0; top:0; border: none;}
.boxy-modal-blackout{position:absolute; left:0; top:0; border: none; background-color:#333333; overflow:hidden; z-index:999}

/*reg*/
.reg,.regHome{width:100%; height:10000px;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88000000,endcolorstr=#88000000);background:rgba(0,0,0,0.5); position:absolute; z-index:1000; top:-10px}
.regHome{ display:none}
.regContent{background:url(../images/regBg.png) no-repeat; width:347px; height:495px; z-index:200; position:absolute; top:160px; left:500px}
.regContent dt,.loginContent dt,.font{text-align:center; font-size:16px; font-weight:bold; color:#000}
.regContent dt,.loginContent dt{height:40px; line-height:40px; padding-top:10px}
.regContent dl,.loginContent dl{border-bottom:1px solid #333; padding-bottom:8px}
.regContent ul,.loginContent ul{padding:10px 0; width:300px; margin:auto; font-family: Tahoma, Geneva, sans-serif}
.regContent li,.loginContent li{font-size:14px; color:#000; margin-bottom:14px}
.regContent dd,.loginContent dd{height:26px; margin-bottom:6px; text-align:center}
.faceBook{width:204px; height:26px;background-position:0 -294px; display:block; margin:auto}
.closeReg{width:14px; height:13px; background-position:-304px 0; display:inline-block; position:absolute; right:10px; top:10px}
.emailInput,.passeInput,.postalInput,.mobileInput{border:none;height:30px; font-size:14px; line-height:30px; text-indent:4px; color:#000}
.emailInput{width:249px; background-position:0 -120px;margin-left:6px}
.passeInput{width:199px; background-position:0 -156px;margin-left:6px}
.postalInput{width:230px; background-position:0 -120px;margin-left:6px}
.mobileInput{width:172px; background-position:0 -260px;margin-left:6px}
.regBtn{width:151px; background-position:-5px -433px; margin-left:70px; height:35px!important}
.regBtn:hover{background-position:-5px -473px}
.loginBtn{width:113px; height:35px; background-position:0 0; margin-left:80px}
.loginBtn:hover{background-position:0 -41px}

/*loginContent*/
.loginbg,.loginHome{width:100%; height:10000px;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88000000,endcolorstr=#88000000);background:rgba(0,0,0,0.5); position:absolute; z-index:1000; top:-10px}
.loginHome{ display:none}
.loginContent{background:url(../images/loginBg.png) no-repeat; width:347px; height:360px; z-index:200; position:absolute; top:160px; left:500px}
.loginContent a{font-size:12px; color:#333; text-decoration:underline}
.closeLogin{width:14px; height:13px; background-position:-304px 0; display:inline-block; position:absolute; right:10px; top:10px}

/*regEmail*/
.regEmail{width:650px; height:500px;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99ffffff,endcolorstr=#99ffffff);background:rgba(255,255,255,0.5); position:relative; top:-20px}
.regEmail h3{padding:30px 10px 0 10px; font-size:12px; color:#333; width:550px; padding-left:20px; font-weight:normal; margin-bottom:20px}
.regEmail p{}
.background{background-color:#e6e6e6;line-height:30px; padding:5px;text-indent:20px;font-size:12px;color:#4c7b00}
.regEmail ul{width:600px; margin:30px auto}
.regEmail li{height:48px;  margin-bottom:40px; font-size:12px}
.regEmail img{vertical-align:middle; margin-right:20px}
a.regBy{color:#ff6700; text-decoration: underline}
a.regLink{color:#333; text-decoration: underline}

.emailOder,.emailList{ margin:10px auto; width:600px; height:60px}
.emailOder b{font-size:13px}
.emailOder dd{color:#000; float:left; width:270px}
.line{ border-right:1px solid #888}
.padding10{ padding-left:20px}
.emailOder i{width:25px; height:24px; display:inline-block; background-position:-160px -312px; vertical-align:middle; margin:6px 10px 0 0}

.shop{width:630px; height:114px; padding:10px; background-color:#fafafa}
.shop dt{font-weight:bold;font-size:13px; margin-bottom:5px; color:#333}
.shop dd{font-size:12px; margin-bottom:5px}
.shop code{margin-right:20px}
.shop i{width:18px;vertical-align:middle; margin-right:6px; display:inline-block}
.shop i.place{background-position:-164px -108px; height:27px}
.shop i.tipIcon{background-position:-65px -344px; height:17px}
.shop i.errow{background-position:-1px -342px; height:20px}
.shop a{color:#4c7b00}

.emailList dt{color:#4c7b00; font-weight:bold; margin-bottom:6px}
.emailList dd{color:#000; font-size:12px}

/*select_box*/
.select_box a{background:url(../images/selectBg.png) no-repeat; font-size:15px; color:#666;font-weight:normal}
.select_box{width:230px; display:inline-block;position:relative; vertical-align:middle; margin-left:15px}
.select_box a{display:block; padding-left:10px; color:#666; background-position:0 0;line-height:27px;height:27px;overflow:hidden}
.select_box a:hover{background-position:left -30px}
.select_box a:hover.open,.select_box a.open{background-position:left -61px}
.select_box p{margin:0;display:none; position: absolute; width:230px;background:url(../images/selectBg.png) left bottom; padding-bottom:1px}
.select_box p a{background-position:left -160px}
.select_box p a:hover{background-position:left -88px; color:#666}
#zindex_5{ z-index:20}

/*select_box98*/
.select_box98 a{background:url(../images/selectBg98.png) no-repeat; font-size:15px; color:#666;font-weight:normal}
.select_box98{width:98px; display:inline-block;position:relative; vertical-align:middle; margin-left:15px}
.select_box98 a{display:block; padding-left:10px; color:#666; background-position:0 0;line-height:27px;height:27px;overflow:hidden}
.select_box98 a:hover{background-position:left -30px}
.select_box98 a:hover.open,.select_box98 a.open{background-position:left -61px}
.select_box98 p{margin:0;display:none; position: absolute; width:98px;background:url(../images/selectBg98.png) left bottom; padding-bottom:1px}
.select_box98 p a{background-position:left -160px}
.select_box98 p a:hover{background-position:left -88px; color:#666}

/*dining*/
.dining{width:940px; margin:10px auto; height:360px}
.diningLeft{width:270px; height:360px}
.diningLeft h5{font-size:20px; color:#000}
.diningLeft dt{font-size:14px; font-style:italic; color:#000}
.diningLeft i{width:18px; height:28px; display:inline-block; background-position:-164px -108px; vertical-align:middle;font-size:14px; margin:10px 6px 10px 0}
.diningLeft a{color:#444; font-weight:bold}
.diningLeft a:hover{color:#89a600}
.diningLeft strong{font-size:18px}
.diningLeft p{color:#7e9804; line-height:22px}
.diningLeft ul{margin-top:10px}
.diningLeft li{font-size:13px}
.diningLeft code{width:20px; height:21px; display:inline-block; margin-right:8px; vertical-align:middle}
.diningLeft code.website{background-position:-188px -284px}
.diningLeft code.timeIcon{background-position:-188px -337px}
.diningLeft b{font-size:18px; height:40px; line-height:40px}

/*diningRight*/
.diningRight{width:670px;height:360px}
.diningContent h3{height:40px; line-height:40px; font-size:22px; color:#333}
.diningContent ul{background-color:#efefef; padding:20px; border-top:1px solid #8b8b8b}
.diningContent li{margin-bottom:10px;font-size:14px; color:#333}

/*foot*/ 
.foot{width:100%; background:url(../images/footBg.png) repeat-x; height:60px; position:absolute; bottom:10px}
.footContent{height:60px}
.footContent p{color:#fff; font-size:22px; line-height:60px; padding-left:10px; font-family: Arial, Helvetica, sans-serif}
.footContent dd{float:left; margin:20px 8px 0 10px}